<template>
  <div class="app-container">
      <el-form label-width="120px">
         <el-form-item label="医院名称">
            <el-input v-model="hospitalSet.hosname"/>
         </el-form-item>
         <el-form-item label="医院编号">
            <el-input v-model="hospitalSet.hoscode"/>
         </el-form-item>
         <el-form-item label="api基础路径">
            <el-input v-model="hospitalSet.apiUrl"/>
         </el-form-item>
         <el-form-item label="联系人姓名">
            <el-input v-model="hospitalSet.contactsName"/>
         </el-form-item>
         <el-form-item label="联系人手机">
            <el-input v-model="hospitalSet.contactsPhone"/>
         </el-form-item>
         <el-form-item>
            <el-button type="primary" @click="saveOrUpdate">保存</el-button>
         </el-form-item>
      </el-form>
  </div>
</template>


<script>
import  hospitalSet  from '@/api/hospitalSet'

export default {
  data(){  //里面填写要的数据，作为变量使用
    return{
      hospitalSet:{}
    }
  },
  created(){//修改接口的话，需要数据的复写，也就是点击修改按钮，那一条数据会重新显示
      if(this.$route.params && this.$route.params.id) {//如果路由信息存在的话，且id值显示的话
         const id = this.$route.params.id //this.$route.params.id可以取到页面上的id值
         this.getHostSet(id)
      }else{
         
      }
  },
  methods:{
    //根据id获取医院信息  
    getHostSet(id){
      hospitalSet.queryHospitalSetById(id)
      .then(response=>{
        this.hospitalSet = response.data;//将修改的信息存入整个对象当中，然后页面渲染前拿到这些
      })
    },
    //添加操作
    save(){
      hospitalSet.addHospitalSet(this.hospitalSet)
        .then(response =>{
          this.$message({ type: 'success',message: '添加成功!'})//弹出成功消息提示框
          this.$router.push({path:'/hospitalSet/list'})//跳转到查询的界面
        })
    },
    //修改操作
    update(){
      hospitalSet.updateHospitalSet(this.hospitalSet)
        .then(response =>{
          this.$message({ type: 'success',message: '修改成功!'})//弹出成功消息提示框
          this.$router.push({path:'/hospitalSet/list'})//跳转到查询的界面
        })
    },
    //添加或者修改判断按钮
    saveOrUpdate(){
      if(!this.hospitalSet.id){ //判断穿过来的是否含有id，如果对象没id表面要新创建，如果有说明就是要修改
          this.save()
      }else{
          this.update()
      }
    }
  }
}
</script>